    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            div{
                /* width: 200px; */
                width: 50%;
                height: 200px;
                border-top: 5px red dotted;
                /* 点虚线 */
                border-right: yellow 10px dashed;
                /* 虚线 */
                border-bottom: 15px solid blue;
                /* 实线 */
                border-left: 20px gray double;
                /* 双实线 */

                /* padding: 100px;0 */
                padding: 200px;
            }
        </style>
    </head>
    <body>
        <div>
            111111111111111111111111111111111111
        </div>
    </body>
    </html>